<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <base th:href="${#request.getContextPath()}+'/'">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/bootstrap/css/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/bootstrap-table/bootstrap-table.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/css/H-ui.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/H-ui.admin.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/skin/default/skin.css}" id="skin"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/style.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}"/>
</head>
<body>
<nav class="breadcrumb" style="margin-bottom: 5px"><i class="fa fa-cog"></i> 系统管理  <span
        class="c-gray en">&gt;</span> 门诊挂号管理 <span
        class="c-gray en">&gt;</span> 门诊挂号列表
</nav>

<div class="page-container" style="padding: 0 20px">

    <div id="operateDiv" style="display: none;">
        <shiro:hasPermission name="registration:update">
            <a title="编辑" href="javascript:;" id="registered_edit" value="" onclick="registered_edit(this)" style="text-decoration:none"><i class="Hui-iconfont"></i></a>
        </shiro:hasPermission>
        <shiro:hasPermission name="registration:delete">
            <a title="删除"  href="javascript:;" id="registered_delete" value="" onclick="registered_del(this)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a>
        </shiro:hasPermission>
    </div>

    <!--bootstrap-table-->
    <table id="dataTable"></table>

</div>

<script type="text/javascript" th:src="@{/lib/jquery/1.11.3/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/layer/2.4/layer.js}"></script>
<script type="text/javascript" th:src="@{/h-ui/js/H-ui.min.js}"></script>
<script type="text/javascript" th:src="@{/h-ui.admin/js/H-ui.admin.js}"></script>
<script type="text/javascript" th:src="@{/lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
<script type="text/javascript" th:src="@{/lib/bootstrap-table/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{/lib/bootstrap-table/bootstrap-table-zh-CN.min.js}"></script>


<script type="text/javascript">
    $(function () {
        /*初始化bootstrap-table表格插件*/
        $('#dataTable').bootstrapTable({
            url: 'registeredList/list', //加载数据地址
            pagination: true,//是否显示分页条
            toolbar: "#toolbar",//顶部显示的工具条（添加和批量删除的）
            contentType: 'application/x-www-form-urlencoded',//条件搜索的时候ajax请求给后台数据的数据类型（条件搜索post提交必须设置）
            pageNumber: 1,//默认的页面 第一页
            pageSize: 10,//默认的每页条数
            pageList: [10, 25, 50, 100],//每页能显示的条数
            sidePagination: "server",//是否是服务器分页，每次请求都是对应的10条数据，下一页发送ajax请求
            paginationHAlign: 'right', //底部分页条
            /*列*/
            columns: [
                {
                    field: 'registeredNumber', //后台返回的json格式的key
                    title: '挂号编号' //显示给用户的标题
                },
                {
                    field: 'registrationMoney',
                    title: '挂号费'
                },

                {
                    field: 'deptName',
                    title: '科室名称'
                },
                {
                    field: 'doctorName',
                    title: '医生名称'
                },
                {
                    field: 'patientName',
                    title: '患者姓名'
                },
                {
                    field: 'registeredTime',
                    title: '挂号时间'
                },
                {
                    field: 'jobName',
                    title: '操作员'
                },
                {
                    field: 'registrationType',
                    title: '挂号类型'
                },
                {
                    field: 'status',
                    title: '状态',
                    formatter:function (value) {
                        if (value==0){
                            return "未就诊"
                        }else if (value == 1){
                            return "已就诊"
                        }else if (value == 2){
                            return "已退号"
                        }
                    }
                },
                {
                    field: 'registeredId',
                    title: '操作',
                    align: 'center',
                    //格式化列
                    formatter: getOperateBtns
                }
            ],
            /*条件搜索和分页ajax出发传递参数设置
            * 匿名函数就是每次分页或者搜索触发函数
            * 返回值就是要传递给后台的参数
            * params内置的默认参数
            * 开发者可以根据需求在函数内部组装参数传递给后台
            * */
            queryParams: function (params) {
                console.log(params);

                var paramsData = {
                    pageNum: params.offset / params.limit + 1,
                    pageSize: params.limit,
                    keyword: params.search
                };
                return paramsData;
            }

        });
    })


    function getOperateBtns(value, row, index) {
        var html = "";
        $("#operateDiv").find("a").each(function(){
            var myA=$(this).clone()
            myA.attr("value",row.registeredId)
            html += myA.prop("outerHTML")+ "&nbsp;&nbsp;&nbsp;&nbsp;";

        });

        return html;
    }




</script>


<script type="text/javascript">


    // /*挂号表-删除*/
    function registered_del(obj) {

        var registeredId=obj.getAttribute("value")
        layer.confirm('确认要删除吗？', {icon: 3, title: '温馨提示'}, function (index) {


            $.get("registeredList/delete?registeredId=" + registeredId, function (data) {

                layer.msg(data.msg, {
                    icon: data.code,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    //如果删除生成code==1 刷新BootStrapTable表格，失败就刷新
                    if (data.code == 1) {
                        refreshTable();
                    }
                });

            })

        });
    }
    
    

    /*刷新表格函数*/
    function refresh() {
        $('#dataTable').bootstrapTable('refresh');
    }

    /*门诊挂号-新增跳转*/
    // function registered_insert() {
    //
    //     layer.open({
    //         type: 2,
    //         title: "新增",
    //         shade: [0],
    //         maxmin: true,
    //         area: ['800px', '500px'],
    //         content: "registered/registeredEdit", //iframe的url，no代表不显示滚动条
    //     });
    //
    // }


    /*门诊挂号-修改跳转*/
    function registered_edit(obj) {
        var registeredId=obj.getAttribute("value")
        layer.open({
            type: 2,
            title: "修改",
            shade: [0],
            maxmin: true,
            area: [$(window).width()+'px', $(window).height()+'px'],
            content: "registeredList/registeredListEdit?registeredId=" + registeredId, //iframe的url，no代表不显示滚动条
        });

    }

</script>
</body>
</html>